@charset "utf-8";
/*默认参数*/
:root{
  --primary-color:#005eb8;
  --secondary-color:#003087;
  --background-color:#f4f4f4;
  --background-jianbain: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
  --font-color-base:#333;
  --font-color-text:#666;
  --font-color-dec:#aaa;
  --font-size-base:16px;
  --font-size-blg:72px;
  --font-size-lg:48px;
  --font-size-md:36px;
  --font-size-sm:24px;
  --font-size-ms:18px;
  --font-size-xs:14px;
  --font-size-mi:12px;
  --border-radius: 6px;
  --line-height-text:1.75;
}
/*全局控制*/
body{margin:0;padding:0;font-size:var(--font-size-base);line-height:1;font-family:Arial, Helvetica,"Microsoft Yahei","PingFang SC";-webkit-text-size-adjust:none; color: var(--font-color-base);}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:var(--font-size-base);line-height:var(--line-height-text);font-family:Arial, Helvetica,"Microsoft Yahei","PingFang SC";}img{border:0;}ul,li{list-style-type:none;}
a{color:var(--font-color-base);text-decoration:none;}
a:hover{color:var(--primary-color);}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both; background:#ddd;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
table{ border-color: #aaa; border-spacing: 0; border: 1px; border-collapse: collapse;}

.mainbox{ width:100%; padding: 0 100px; margin:0 auto; min-width:1300px; box-sizing:border-box;max-width: 1900px;}
.nymainbox{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;max-width: 1700px;}

/*头部*/
.header_top{
  width:100%; margin:0 auto; padding:0 100px;
  min-width:1300px; box-sizing:border-box;
  position: fixed; top: 0; left: 0; z-index: 999;
  display: flex; flex-direction: row; justify-content: space-between;
  transition: all .5s ease;
}
.header_top.on{ background:rgba(255,255,255,1); }
.header_top.on:hover{ background:rgba(255,255,255,1); }
.logo{ width:100px; padding:25px 0; }
.logo a img.logocaise{
  display: none;
}
.header_top.on img.logobaise{ display:none; }
.header_top.on img.logocaise{ display:block; }

/*顶部导航*/
.symenuping{ width:calc(100% - 300px); height:80px;  }
.symenuping>ul{ display:flex; flex-direction:row; justify-content:center; height:80px;}
.symenuping>ul>li{ padding:0 25px; }
.symenuping>ul>li>a{ color:#fff; line-height:80px; }
.symenuping .submenu{  position: absolute; left: 0 !important; right:0; top:80px !important; width:100% !important; background:var(--background-color); height:80px;display:none; text-align:center; }
.symenuping .submenu.subcp{ height:auto; padding:40px 0; text-align: left}
.symenuping .submenu li{ display:inline-block; padding:0 3%; }
.symenuping .submenu li *{ transition: all 0.8s ease;}
.symenuping .submenu li a{ line-height:80px; font-size:var(--font-size-base); display:inline-block; text-align:center; }
.symenuping .submenu.subcp li a{ line-height:40px; }
.symenuping .submenu.subcp li a i{ display:block; width:60px; height:60px; margin:0 auto; background-position:0 0; background-repeat:no-repeat;}
.symenuping .submenu.subcp li:hover a i{ background-position:0 -60px; }
.symenuping .submenu li:hover a{ color:var(--primary-color); }

.header_top.on .symenuping>ul>li>a{ color:var(--font-color-base); }

.symenuping .submenu.subcp .subcp_h3{
  width: 100%; box-sizing: border-box;
}
.symenuping .submenu.subcp .subcp_h3 h3{ font-size:var(--font-size-sm); color:#333; margin-bottom:20px; }

@media(max-width:1600px) {
  .symenuping>ul>li{ padding:0 15px; }
}

@media(max-width:1400px) {
  .symenuping>ul>li{ padding:0 10px; }
}

/*语言和搜索*/
.topright{ width:160px; display:flex; align-items:center; }
.yuyan{ flex: 1; height:80px; line-height:80px; position:relative;}
.yuyan h3{ font-size:var(--font-size-xs); color:#fff; font-weight:normal;}
.yuyan h3 i{display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    background: #aaa url(../images/language_icon_2.gif) no-repeat center center;
    background-size: cover;
    margin-right: 6px;
    margin-top:-3px;}
  .yuyan h3 a{ font-size:var(--font-size-xs);color:#fff; text-transform:uppercase; }
.header_top.on .yuyan h3 a{color:var(--font-color-base);}
.yuyan ul{ background:#fff; position:absolute; left:0; right:0; top:80px; z-index:999; text-align:center; overflow:hidden; height:0; transition: all .5s ease;}
.yuyan ul li{ line-height:50px; font-size:14px; color:#666; border-bottom:1px #eee solid; position:relative; transition: all .5s ease; z-index:999;}
.yuyan ul li:after{ content:""; position:absolute; left:50%; bottom:1px; margin-left:0; width:0; height:2px; background:#007dd4; transition: all .5s ease;}
.yuyan ul li:hover:after{ width:60px; margin-left:-30px;}
.yuyan:hover ul{ display:block; height:100px;}

.hd_search{ width:40px;  }
.hd_search *{ transition: all 0.8s ease;}
.hd_search_a{ display:block; height:40px; width:40px;  cursor:pointer;background:url(../images/hd_search_btn1.png) center center no-repeat;background-size: 40px;}
.searchform{ position:absolute; left:0; right:0; top:80px;height:0; overflow:hidden; background:#fff; }
.searchform.active{ height:300px; }
.searchform form{ width:500px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); display:flex; border-bottom:1px #ddd solid; }
.searchform form .hd_search_box{ height:50px; line-height:50px; flex:1;  border:none;}
.searchform form .hd_search_btn{ width:50px; height:50px; background:url(../images/hd_search_btn.png) center center no-repeat; border:none;  cursor:pointer;}
.hd_search_c{ display:block; height:50px; width:50px; cursor:pointer;background:url(../images/close.png) center center no-repeat; position:absolute; right:20%; top:20%; }

/*首页关于我们*/
.syabout{ width:100%; height:920px; background:url(../images/syaboutbg.jpg) center bottom no-repeat; padding-top:180px; box-sizing:border-box;  text-align:center; position:relative;  }
.syaboutrjkjd{margin-bottom:40px; }
.syaboutrjkjd img{max-height: 100%;}
.syabouttext{ font-size:var(--font-size-base); color:var(--font-color-text); line-height: var(--line-height-text); margin-bottom: 40px;}
.syaboutry{display: flex; flex-direction: row; justify-content: center; margin:30px 0;}
.syaboutry li{ font-size:var(--font-size-base); color:var(--font-color-text); align-items:center; padding:0 50px; position:relative;  margin:0 10px; display:flex; align-items:center; height:60px; line-height: var(--line-height-text);}
.syaboutry li:before{
  content: ""; position: absolute; left: 0; top: 0;
  width:60px; height:60px; 
  background: url(../images/msleft.png) center center no-repeat;
}
.syaboutry li:after{
  content: ""; position: absolute; right: 0; top: 0;
  width:60px; height:60px; 
  background: url(../images/msright.png) center center no-repeat;
}
.syaboutdec{ font-size:var(--font-size-xs); color:var(--font-color-dec); line-height:2; margin:20px 0; }
.syaboutshuzi{display: flex; flex-direction: row; justify-content: center;}
.syaboutshuzi li{ padding:0 50px; align-items:center;color: var(--font-color-base);}
.syaboutshuzi li h3{ display: flex;}
.syaboutshuzi li h3 div{ display:flex; flex-direction:column;justify-content: flex-end; }
.syaboutshuzi li h3 div span{font-size:var(--font-size-xs); color: var(--font-color-text); font-weight: normal;}
.syaboutshuzi li h3 div i{font-size:var(--font-size-lg); font-family:Arial black ; color: var(--primary-color); font-style: normal;}
.syaboutshuzi li h3 b{ font-size:var(--font-size-blg); color:var(--font-color-base);font-family:Arial black ; }
.syaboutshuzi li p{ font-size:var(--font-size-base); color:var(--font-color-dec); margin-top:10px; }

.syaboutjk{ display: block; position:absolute; bottom:0; left:0; width:100%; height: 280px; color:var(--primary-color); font-size:var(--font-size-base); }
.syaboutjk img{ max-height:100%; }

.syabouta{ display: block; position:absolute; bottom:30px; left:50%; margin-left:-50px; width:100px; height: 40px; color:var(--primary-color); font-size:var(--font-size-base); }
.syabouta:after{
  content: ""; position: absolute; bottom:0; left: 50%; margin-left:-15.5px; width:31px; height: 13px; background: url(../images/syabouta.png) center center no-repeat;
}

@media(max-width:1600px) {
  .syabout{ height:800px; padding-top:140px; }
  .syaboutrjkjd{ height:85px; }
  .syaboutjk{ height:220px; bottom:20px; }
}

@media(max-width:1400px) {
  .syabout{ height:700px; padding-top:100px; }
  .syaboutrjkjd{ height:65px; }
  .syaboutjk{ height:180px; bottom:40px; }  
}


/*首页产品领域*/
.sypro{ width:100%; box-sizing:border-box;  text-align:center; position:relative;  }

.sycpyySwiper{ position:absolute !important; z-index:9; left:0; right:0; bottom:0; height:165px; background:rgba(0, 48, 135, 0.5); }
.sycpyySwiper ul{ display:flex; justify-content:space-between; height: 100%;}
.sycpyySwiper ul *{transition: all 0.5s ease;}
.sycpyySwiper ul li{ display:flex; flex-direction: row; justify-content:center; align-items:center; color:#fff; flex:1; }
.sycpyySwiper ul li div{ text-align:left; }
.sycpyySwiper ul li h3{ font-weight:normal; font-size: var(--font-size-base); margin-bottom: 8px}
.sycpyySwiper ul li h3 a{color:#fff;}
.sycpyySwiper ul li p{ opacity:0.3; font-size:12px; }
.sycpyySwiper ul li.on{ background-color:var(--primary-color); flex-direction:column; margin-top:-50px; }
.sycpyySwiper ul li.on div{ text-align:center; }

.sycpyySwiper2 .swiper-wrapper{ line-height:0; }
.sycpyySwiper2 .swiper-slide img{ max-width:100%; line-height:0; }
.sycpyySwiper2 .swiper-slide .sycpyytext{
  position: absolute; top: 30%; left: 10%; text-align: left; line-height: var(--line-height-text);
}
.sycpyySwiper2 .swiper-slide .sycpyytext h4{ width:77px; height:63px; background:url(../images/sycpyytexth4icon.png) top left no-repeat; margin-bottom:15px; }
.sycpyySwiper2 .swiper-slide .sycpyytext h3{ font-size:var(--font-size-md); color:#fff; margin-bottom:15px; }
.sycpyySwiper2 .swiper-slide .sycpyytext p{ font-size:var(--font-color-base); color:#fff; margin-bottom:30px; }
.sycpyySwiper2 .swiper-slide .sycpyytext a{ display:inline-block; width:120px; height:40px; line-height: 40px; border:1px #fff solid; text-align:center; font-size:var(--font-size-xs); color:#fff; }

/*首页科技服务*/
.sykjfw{ width:100%; height:650px; background:url(../images/sykjfwbg.jpg) center bottom no-repeat; box-sizing:border-box;  text-align:center; position:relative; 
}
.sykjfw .waves {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
}
.sykjfw .waves canvas {
  display:block;
}
.sykjfw_n{ width: 100%; height: 100%; display:flex; align-items:center; }
.sykjfw_n *{transition: all 0.5s ease;}
.sykjfw_n div{ height: 100%; flex: 1; display:flex; align-items:center; justify-content: center; flex-direction:column; position:relative; z-index:9; }
.sykjfw_n div:before{content:""; position: absolute; top: 0; height: 100%;  width:0; background: linear-gradient(0, var(--primary-color), var(--secondary-color));transition: all 0.8s ease;}
.sykjfw_n div:nth-child(1):before{ right:0; }
.sykjfw_n div:nth-child(2):before{ left:0; }
.sykjfw_n div.on:before{width:100%;}
.sykjfw_n div h3{ font-size:var(--font-size-md); color:#fff; margin-bottom:20px; position:relative; z-index:2 }
.sykjfw_n div p{ font-size:var(--font-color-base); color:#fff; margin-bottom:50px; position:relative; z-index:2 }
.sykjfw_n div a{ display:inline-block; width:120px; height:40px; line-height: 40px; border:1px #fff solid; text-align:center; font-size:var(--font-size-xs); color:#fff; position:relative; z-index:2 }

/*首页科技服务*/
.synews{ padding:80px 0; }
.synewstitle{ width:100%; }
.synewstitle h3{ font-size:var(--font-size-md); color:var(--font-color-base);}
.synewstitle h3 a{ margin:0 10px;font-size:var(--font-size-base);color:var(--font-color-dec); font-weight:normal;}
.synewstitle h3 a:first-child{ margin-left:20px;}
.synewstitle h3 a:hover{ color:var(--primary-color);}
.synewstitle h3 em{ font-style:normal; font-size:var(--font-size-base); color:var(--font-color-dec);}

.synewshot{ position:relative; }
.syhotnews_title{ position:absolute; right:0; top:60px;  width: 640px; box-sizing:border-box; padding:0 60px; color:#fff; font-size:var(--font-size-sm); z-index:999;}
.syhotnews_title a{ float:right; font-weight:normal; font-size:var(--font-size-base); text-transform:uppercase; color:#fff;}

#newsbanner {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #ddd;
  margin: 0 auto;
  height: 500px;
}
#newsbanner .swiper-container-news {
  height: 500px;
}
#newsbanner .swiper-slide {
  width: 100%;
  float: left;
  height: 500px;
  display: flex;
}
.syhotnews_l{ width: calc(100% - 640px); height:500px; background-position:center center; background-repeat:no-repeat; background-size: cover; position:relative; z-index:999}
.syhotnews_r{  width: 640px; height: 500px; box-sizing:border-box; padding:150px 60px; position:relative; background: var(--background-jianbain); position:relative; z-index:999}
.syhotnews_r:after{content:"News"; color:rgba(0,0,0,0.1); display:inline-block; position:absolute; right:-120px; bottom:150px; font-size:150px; font-weight:bold;font-family:'Barlow';
transform:rotate(90deg);
-ms-transform:rotate(-90deg);   /* IE 9 */
-moz-transform:rotate(-90deg);  /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg); }
.syhotnews_r h4{ font-weight:normal; color:#fff; font-size:var(--font-size-base);}
.syhotnews_r h3{ font-size:var(--font-size-sm); color:#fff; margin-bottom:30px;margin-top:10px;height:auto; line-height: 1.5; width:450px}
.syhotnews_r h3 a{ font-size:var(--font-size-sm); color:#fff;}
.syhotnews_r p{ font-size:var(--font-size-base); line-height: var(--line-height-text); color:#fff; width:450px}


#news_pagination {
  position:absolute; right:0; bottom:30px; width: 640px; box-sizing:border-box; padding:0 60px; color:#fff; font-size:24px; z-index:999;
  text-align:left;left: auto;
}


#news_pagination span {
  color: #fff;
}
#news_pagination .swiper-pagination-bullet {
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 34px;
  border: solid 3px transparent;
  box-sizing: border-box;
  background: transparent;
  text-align: center;
  color: #fff;
  margin: 0 5px;font-size: 18px;
}
#news_pagination .swiper-pagination-bullet .left {
  display: block;
  position: absolute;
  top: -3px;
  left: -3px;
  margin: auto;
  width: 20px;
  height: 40px;
  opacity: 0;
  overflow: hidden;
}
#news_pagination .swiper-pagination-bullet .left:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  margin: auto;
  width: 20px;
  height: 40px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  border-radius: 20px 0 0 20px;
  border-right: 0;
  box-sizing: border-box;
}
#news_pagination .swiper-pagination-bullet .right {
  display: block;
  position: absolute;
  top: -3px;
  right: -3px;
  margin: auto;
  width: 20px;
  height: 40px;
  opacity: 0;
  overflow: hidden;
}
#news_pagination .swiper-pagination-bullet .right:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  margin: auto;
  width: 20px;
  height: 40px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  border-radius: 0 20px 20px 0;
  border-left: 0;
  box-sizing: border-box;
}
#news_pagination .swiper-pagination-bullet-active {
  color: #fff;
}
#news_pagination .swiper-pagination-bullet-active .left {
  opacity: 1;
}
#news_pagination .swiper-pagination-bullet-active .right {
  opacity: 1;
}
#news_pagination .swiper-pagination-bullet-active .left:after {
  transform-origin: right center;
  /* animation-iteration-count: infinite; */

  animation-fill-mode: forwards;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-name: gyrateleft;
}
#news_pagination .swiper-pagination-bullet-active .right:after {
  transform-origin: left center;
  /* animation-iteration-count: infinite; */

  animation-fill-mode: forwards;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-name: gyrateright;
}
@keyframes gyrateright {
   0% {
   transform: rotate(180deg);
  }
   50% {
   transform: rotate(360deg);
  }
   100% {
   transform: rotate(360deg);
  }
  }
   @keyframes gyrateleft {
   0% {
   transform: rotate(180deg);
  }
   50% {
   transform: rotate(180deg);
  }
   100% {
   transform: rotate(360deg);
  }
}
.synews_list{ width:100%; display:flex; justify-content:space-between; flex-direction:row; }
.synews_list li{ background:#f8f8f8; padding:30px; box-sizing:border-box; margin:0 10px; width: 33.33%; transition: all 0.5s ease;}
.synews_list li:hover{ background:var(--background-color); }
.synews_list li h4{ font-size:var(--font-size-sm); color:var(--primary-color); }
.synews_list li h4 span{ font-size:var(--font-size-xs); color:var(--font-color-dec); margin-left:8px; font-weight: normal; }
.synews_list li h3{ margin:10px 0 20px; }
.synews_list li h3 a{ font-size:var(--font-size-base); color:var(--font-color-base); font-weight: normal; line-height:var(--line-height-text); }
.synews_list li p{ font-size:var(--font-size-xs); color:var(--font-color-dec);  line-height:var(--line-height-text);}

.sykcxfz{ width:100%; height:500px; background:url(../images/sykcxfz.jpg) center center no-repeat; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; }
.sykcxfz h3{ font-size:var(--font-size-md); margin-bottom:30px; }
.sykcxfz p{ font-size:var(--font-size-base); margin-bottom:100px; }
.sykcxfza{ display: block; position: relative; width:100px; height: 40px; color:#fff; font-size:var(--font-size-base); text-align:center; }
.sykcxfza:hover{ color:#fff; }
.sykcxfza:after{
  content: ""; position: absolute; bottom:0; left: 50%; margin-left:-15.5px; width:31px; height: 13px; background: url(../images/sykcxfza.png) center center no-repeat;
}

/*底部样式*/
.footlianxi{ width:100%; height:360px; display:flex; flex-direction:column; align-items:center; justify-content: center; background:url(../images/footlianxibg.jpg) center center no-repeat; }
.footlianxi h3{ font-size:var(--font-size-md); color:#fff; margin-bottom:20px; }
.footlianxi p{ font-size:var(--font-size-xs); text-transform: uppercase; color:#fff; margin-bottom:30px; }
.footlianxi h4{ text-align:center; font-weight:normal; }
.footlianxi h4 a{ display:inline-block; width:160px; height:46px; text-align:center; line-height:46px; font-size:var(--font-size-base); color:#fff; margin:0 20px; border:1px #fff solid; border-radius:var(--border-radius); }
.footlianxi h4 a.footlianxia{ background:#fff; color:var(--font-color-base); }

footer{ width:100%; min-width: 1300px; padding: 80px 0 0; box-sizing: border-box; background:var(--background-color); }
.footer{ width:100%; box-sizing:border-box; padding:0 100px 80px; }
.footer ul{ display:flex; flex-direction:row; justify-content:space-between; }
.footer ul li{ flex:1; }
.footer ul li h3{ font-size:var(--font-size-base); color:var(--font-color-base); margin-bottom:25px; }
.footer ul li a{ display: block; font-size:var(--font-size-xs); color:var(--font-color-text); margin-bottom:20px; }
.footer ul li.footnavend{flex:1.5;}
.footer ul li.footnavend h4{ margin-bottom:20px; }
.footer ul li.footnavend p{ display: block; font-size:var(--font-size-xs); color:var(--font-color-text); height: 20px; line-height: 20px; margin-bottom:20px; padding-left: 30px; background-repeat: no-repeat; background-position: left center;}
.footer ul li.footnavend p.footcontel{ background-image:url(../images/footcontel.png); }
.footer ul li.footnavend p.footconemail{ background-image:url(../images/footconemail.png); }
.footer ul li.footnavend p.footconadd{ background-image:url(../images/footconadd.png); }

.footnavend dl dd{ cursor: pointer; float:left; margin-right:8px; position:relative;}
.footnavend dl dd div{ height:0; width:0; position:absolute; left:50%; bottom:40px; transition: all .3s ease; overflow:hidden; border-radius:10px;}
.footnavend dl dd div img{ max-width:100%;}
.footnavend dl dd:hover div{ width:120px; height:120px; margin-left:-60px;}
.footnavend dl dd i{ display:inline-block; width:30px; height:40px; margin-right:3px; float:left; background-position:center; background-repeat:no-repeat;}
.footnavend dl dd i.topcontentzmt01{ background-image:url(../images/topcontentzmt01.png)}
.footnavend dl dd i.topcontentzmt02{ background-image:url(../images/topcontentzmt02.png)}
.footnavend dl dd i.topcontentzmt03{ background-image:url(../images/topcontentzmt03.png)}

.footnavend dl dd span{ color:var(--font-color-text); font-size:12px; line-height:40px;}
.footnavend dl dd:last-child{ margin-right:0; }

.dibuyoulian{ line-height: var(--line-height-text); width:100%; box-sizing:border-box; padding:10px 0;font-size:var(--font-size-xs); color:var(--font-color-dec) }
.dibuyoulian a{ font-size:var(--font-size-xs); color:var(--font-color-dec) }

.copyright{ width:100%; box-sizing:border-box; padding:40px 100px; background:#2e2e2e; display:flex; justify-content:space-between; }
.copyright p{ font-size:var(--font-size-xs); color:var(--font-color-dec);}
.copyright p a{ font-size:var(--font-size-xs); color:var(--font-color-dec); }

/*右侧悬浮框*/
.right_bar{position:fixed; top:calc(90px + 10vh); right:0; width:50px; height:203px; z-index:10; display:none;}
.right_bar li{ position:absolute; left:0; width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1{ top:0; width:220px; }
.right_bar li.rtbar_li2{ top:51px; width:220px; }
.right_bar li.rtbar_li3{ top:102px; }
.right_bar li.rtbar_li4{ top:153px;}
.right_bar li.rtbar_li5{ top:204px;}
.right_bar li.rtbar_li6{ top:255px;}
.right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#39424b; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#0042ad; opacity:1;}
.rtbar_shwx{ padding:10px; display:none; position:absolute; top:0; left:-142px; transition: all 0.3s ease; background:#fff; text-align:center; }
.rtbar_shwx img{ background-color:#fff; max-width:120px;}
.rtbar_shwx p{ line-height:1; color:#333; font-size:14px;}

/*内页样式*/
.nybanner{
  width:100%; height: 600px; display: flex; justify-content: center; align-items: center; flex-direction: column; background-position: bottom center; background-repeat: no-repeat;
}
.nybanner .nybannertext{ display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.nybanner .nybannertext h3{ font-size:var(--font-size-md); color:#fff; margin-bottom:20px; }
.nybanner .nybannertext p{ font-size:var(--font-size-base); color:#fff; margin-bottom:40px; }
.nybanner .nybannertext a{ display:flex; flex-direction:column; color:#fff; font-size:var(--font-size-xs);margin-bottom:40px; }
.nybanner .nybannertext a img{ margin-bottom:10px; }
.nyaboutloc{  font-size:var(--font-size-base); color:#fff; }
.nyaboutloc a{ font-size:var(--font-size-base); color:#fff; }

/*内页二级导航*/
.nynav{ width:100%; padding: 0 100px; box-sizing:border-box; height:200px; background:#f8f8f8; }
.nynav ul{ display:flex; justify-content:space-around; align-items:center; height:100%; min-width:1300px; max-width: 1500px; }
.nynav ul li{ display:flex; flex-direction:column; position:relative; text-align:left; }
.nynav ul li *{transition: all 0.5s ease;}
.nynav ul li i{ display:block; width:40px; height:40px; background-position:center; background-repeat:no-repeat; margin-bottom:10px; opacity:0.2 }
.nynav ul li h3{ margin-bottom:10px;font-weight: normal; font-size:var(--font-size-ms); color:var(--font-color-text); }
.nynav ul li p{ font-size:var(--font-size-mi); color:var(--font-color-dec); margin-bottom:10px; }
.nynav ul li span{ display:block; width:0; height:3px; background:var(--background-jianbain); }
.nynav ul li.on i{ opacity:1; }
.nynav ul li.on h3{ font-size:var(--font-size-sm); color:var(--primary-color); font-weight:bold; }
.nynav ul li.on span{ width:45px; }
.nynav ul li:hover i{ opacity:1; }
.nynav ul li:hover h3{ color:var(--primary-color); font-weight:bold; }
.nynav ul li:hover span{ width:45px; }

/*内页关于我们页面*/
.nyabout{ width:100%; padding:150px 0; background:url(../images/nyabouttextbg.jpg) left bottom no-repeat; }
.nyabouttitle{ margin-bottom:25px; }
.nyabouttitle h4{ font-size:var(--font-size-ms); color:var(--font-color-text); font-weight:normal; margin-bottom:20px; }
.nyabouttitle h4 b{ font-size:var(--font-size-sm); color:var(--primary-color); }
.nyabouttitle h3{ font-size:var(--font-size-sm); color:var(--primary-color); }
.nyabouttext{ margin-bottom:60px; font-size:var(--font-size-base); color:var(--font-color-text); height: 300px; overflow-y: scroll; width: 820px; padding-right: 30px; text-align: justify;}
.nyabouttext p{ text-indent: 2em; font-size:var(--font-size-base); line-height: 2; color:var(--font-color-text);}
.nyabouttext::-webkit-scrollbar {width:3px;height:1px;}
.nyabouttext::-webkit-scrollbar-thumb {background:var(--primary-color);}
.nyabouttext::-webkit-scrollbar-track {background:rgba(255,255,255,0.5);}

.nyaboutshuzilist{display: flex; flex-direction: row;}
.nyaboutshuzilist li{ padding:0 80px 0 0; align-items:center;color: var(--font-color-base);}

.nyaboutshuzilist li p{ font-size:var(--font-size-base); color:var(--font-color-dec); margin-top:10px; }
 .nyaboutshuzilist li h3{display: flex;}
.nyaboutshuzilist li h3 div{ display:flex; flex-direction:column;justify-content: flex-end; }
.nyaboutshuzilist li h3 div span{font-size:var(--font-size-xs); color: var(--font-color-text); font-weight: normal;}
.nyaboutshuzilist li h3 div i{font-size:var(--font-size-sm); font-family:Arial black ; color: var(--primary-color); font-style: normal;}
.nyaboutshuzilist li h3 b{ font-size:var(--font-size-lg); color:var(--font-color-base);font-family:Arial black ; }


.nyaboutculture{ width:100%; padding:140px 0; background:url(../images/nyaboutculturebg.jpg) left bottom no-repeat; }
.nyaboutculturen{ width:1500px; margin:0 auto; padding:0 100px; box-sizing:border-box; }
.nyaboutculturentitle{ margin-bottom:80px; position:relative; }
.nyaboutculturentitle h3{ font-size:var(--font-size-md); color:#fff; position:absolute; bottom:20px; left:0;  z-index:2 }
.nyaboutculturentitle span{ font-family:"Microsoft Yahei light","PingFang SC light"; text-transform: uppercase; font-size:150px; color:rgba(255, 255, 255, 0.1); }
.nyaboutculturenlist{}
.nyaboutculturenlist li{ margin-bottom:50px; display:flex; }
.nyaboutculturenlist li i{display: inline-block; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; margin-right: 20px;}
.nyaboutculturenlist li h4{ width: 100px; font-family:"Microsoft Yahei light","PingFang SC light"; font-size:var(--font-size-sm); font-weight:normal; color: #fff;}
.nyaboutculturenlist li h4 span{ font-size:var(--font-size-xs); color: #fff; }
.nyaboutculturenlist li h3{font-size:var(--font-size-sm); color: #fff;}
.nyaboutculturenlist li h3 span{ font-family:"Microsoft Yahei light","PingFang SC light"; font-size:var(--font-size-xs); color: #fff; font-weight:normal; }

/*内页发展历程页面*/
.nyfzlc{ width:100%; padding:80px 0; position:relative; }
.nyfzlcbox{ width:100%; padding:0 260px 0 650px; box-sizing:border-box; }
.nyfzlc *{transition: all 0.5s ease;}
.nyfzlcleftimg{ position:absolute; left:0; top:0; width:600px; height:100vh; }
.nyfzlcleftimg ul{ height:100%; position:relative; }
.nyfzlcleftimg ul li{ opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; width:100%; height:100%; }
.nyfzlcleftimg ul li.on{ opacity:1; z-index:9 }
.nyfzlcleftimg ul li h3{ position: absolute; left: 10%; bottom: 20%; font-size:var(--font-size-md); color:#fff; z-index:9; font-weight:normal; }
.nyfzlcleftimg ul li h3 span{ font-weight: normal; font-size:var(--font-size-ms); color:#fff;  line-height:2; }
.nyfzlcleftimg ul li img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.nyfzlcright{ width:100%; }
.nyfzlcright ul li{ margin-bottom:200px; }
.nyfzlcright ul li p{ margin-bottom:20px; display:flex; }
.nyfzlcright ul li p i{ margin-right: 20px; display:block; font-size:var(--font-size-ms); color:var(--primary-color); font-style:normal; font-weight:bold; line-height: var(--line-height-text);}
.nyfzlcright ul li p span{ display: block; font-size:var(--font-size-xs); color:var(--font-color-text); line-height:var(--line-height-text); text-align:justify; }

.nyfzlctime{ position:absolute; right:100px; top:80px; width:200px; }
.nyfzlctime ul li{ margin-bottom:60px; text-align:right; display:flex; flex-direction:column; align-items:flex-end }
.nyfzlctime ul li h3{ font-size:var(--font-size-ms); margin-bottom:15px; }
.nyfzlctime ul li h3 a{color:var(--font-color-base);}
.nyfzlctime ul li.on h3 a{color:var(--primary-color);}
.nyfzlctime ul li p{ font-size:var(--font-size-base); color:var(--font-color-text); margin-bottom:20px;}
.nyfzlctime ul li span{ display:block; background:#aaa; width:18px; height:2px;margin-bottom:20px; }

.nyfzlcfixed{ position:fixed !important; }
.nyfzlcfixedb{ bottom:0; top:unset; }

.nyphoto{ padding:80px 0; }
.nyqytk_list{ width:100%; }
.nyqytk_list .nyqytk_list_con{width:100%;}
.nyqytk_list .nyqytk_list_con li{ float:left; width:23%; margin-right:2.6%; border:1px #ddd solid; box-sizing:border-box; margin-bottom:2%; position:relative; overflow:hidden;transition: all 0.3s ease;}
.nyqytk_list .nyqytk_list_con li:nth-child(4n){ margin-right:0}

.nyqytk_list .nyqytk_list_con li h3{ width:100%; height:205px;}
.nyqytk_list .nyqytk_list_con li h3 a{ display:block; width:100%; height:100%; line-height:0; text-align:center;}
.nyqytk_list .nyqytk_list_con li h3 a img{ max-width:100%; max-height:100%; display:inline-block}
.nyqytk_list .nyqytk_list_con li p{ background:#f2f4f8; height:45px; line-height:45px; color:var(--font-size-base); text-align:center; transition: all 0.3s ease;}
.nyqytk_list .nyqytk_list_con li p a{ font-size:var(--font-size-xs); color:var(--font-size-base); line-height:45px; padding:0 10px;}
.nyqytk_list .nyqytk_list_con li:hover{ margin-top:-5px; }
.nyqytk_list .nyqytk_list_con li:hover p{ background:var(--primary-color);}
.nyqytk_list .nyqytk_list_con li:hover p a{ color:#fff;}

.nyqytk_list .nyxmal_list_con{width:100%;}
.nyqytk_list .nyxmal_list_con li{ float:left; width:32%; margin-right:2%; box-sizing:border-box; margin-bottom:2%; position:relative; overflow:hidden;transition: all 0.3s ease;}
.nyqytk_list .nyxmal_list_con li:nth-child(3n){ margin-right:0}
.nyqytk_list .nyxmal_list_con li:nth-child(3n+1){clear: left;}

.nyqytk_list .nyxmal_list_con li h3{ width:100%; height:205px; box-sizing:border-box; border:1px #ddd solid;}
.nyqytk_list .nyxmal_list_con li h3 a{ display:block; width:100%; height:100%; line-height:0; text-align:center;}
.nyqytk_list .nyxmal_list_con li h3 a img{ max-width:100%; max-height:100%; display:inline-block}
.nyqytk_list .nyxmal_list_con li div{
  padding: 20px 30px; background: #f8f8f8;
}
.nyqytk_list .nyxmal_list_con li h4{ line-height:var(--line-height-text); color:var(--font-size-base); transition: all 0.3s ease;font-size:16px; font-weight: bold; margin-bottom:6px; }
.nyqytk_list .nyxmal_list_con li:hover{ margin-top:-5px; }
.nyqytk_list .nyxmal_list_con li:hover h4{ color:var(--primary-color);}
.nyqytk_list .nyxmal_list_con li p{ line-height: var(--line-height-text); font-size:14px; color:#888; }


.nyitemshow{ width:100%; background:#fff; padding:60px 0; box-sizing:border-box;}
.nyitemshow h1.title{ text-align:center; font-size:var(--font-size-sm); line-height:var(--line-height-text); border-bottom:1px #eee solid;}
.nyitemshow h1.title .info{ font-size:var(--font-size-xs); color:var(--font-color-dec); line-height:var(--line-height-text); font-weight:normal;}
.nyitemshow h1.title .info small{ font-size:var(--font-size-xs);}
.nyitemshow h2.title{ text-align:left;  font-size:var(--font-size-sm); line-height:var(--line-height-text); padding-bottom:10px; }
.nyitemshow h4{ padding:20px 0 35px; font-weight:normal; font-size:var(--font-size-base);  border-bottom:1px #ddd solid;}
.nyitemshow h4 b{ font-weight: bold; color:#333; }
.nyitemshow .textarea{ color:var(--font-color-text); line-height:var(--line-height-text);}
.nyitemshow .textarea p{ color:var(--font-color-text); line-height:var(--line-height-text);}
.nyitemshow .textarea img{ max-width:100%;}
.nyitemshow .textarea video{ max-width:650px;}

.nyitemshowb{ width:100%;}
.nyitemshowpreNext{}
.nyitemshowpreNext ul li{ background:#f8f8f8; padding:30px; float:left; width:48%; margin-right:4%; font-size:var(--font-size-xs); box-sizing:border-box; margin-bottom:20px; color: var(--font-color-dec);}
.nyitemshowpreNext ul li:nth-child(2){ margin-right:0}
.nyitemshowpreNext ul li a{ font-size:var(--font-size-base); color:var(--font-color-base); line-height: 3;}
.nyitemshowpreNext ul li a:hover{color:var(--primary-color);}
.nyitemshowpreNext ul li span{ font-weight: normal; font-size:var(--font-size-base); color:var(--font-color-dec);}

/*内页服务中心页面*/
.nyfwzx{ width:100%; padding:100px 0; }
.nyfwzx_title{ text-align:center; margin-bottom:25px; }
.nyfwzx_title h3{ font-size:var(--font-size-md); font-weight:normal; color:var(--font-color-base); position:relative;margin-bottom:40px; }
.nyfwzx_title h3:after{ content:""; position:absolute; left:50%; bottom:-20px; width:100px; height:6px; margin-left: -50px; border-radius: 3px; background:var(--background-jianbain); }
.nyfwzx_title p{ font-size:var(--font-size-ms); color:var(--font-color-dec); margin-bottom:30px; line-height:var(--line-height-text); }
.nyfwzx_title h4{ margin: 0 auto; border-radius: 25px; width: 480px; height:50px; line-height:50px; background:var(--background-jianbain); color:#fff; font-size:var(--font-size-sm); font-weight:normal; }

.nyfwzx_list{ width:100%; display:flex; justify-content:center; }
.nyfwzx_list_item{ width:500px; height: 620px; margin:0 30px; border-radius:6px; overflow:hidden; background: #f2f4f8 url(../images/nyfwzx_list_itembg.png) right bottom no-repeat;}
.nyfwzx_list_item:nth-child(1){ margin-left:0; }
.nyfwzx_list_item:nth-child(3){ margin-right:0; }
.nyfwzx_list_item h4{ background-position:center; background-repeat:no-repeat; height:300px; width:100%; }
.nyfwzx_list_item h3{ font-size:var(--font-size-sm); color:var(--font-color-base);  margin:40px 0 25px; padding-left: 40px;}
.nyfwzx_list_item h3 span{ font-size:var(--font-size-base); color:var(--font-color-dec); font-weight:normal; margin-left:10px; }
.nyfwzx_list_item ul{width:100%; padding-left: 40px; box-sizing:border-box; }
.nyfwzx_list_item ul li{ max-width: 180px; margin-bottom:20px; height:30px; line-height:30px; }
.nyfwzx_list_item ul li i{ float:left; display:inline-block; width:30px; height:30px; background-color:var(--primary-color); border-radius:50%; margin-right:10px;  background-position: center; background-repeat: no-repeat;}
.nyfwzx_list_item ul li span{ color:var(--font-color-base); font-size:var(--font-size-ms); }
.nyfwzx_list_item ul.nyfwzx_list_item_end li{ width:50%; float:left; }

.nygyfw{width:100%; box-sizing:border-box;}
.nygyfwtop{ background:url(../images/nygyfwtopbg.jpg) center center no-repeat; width:100%; height:500px; display: flex;flex-direction: column; justify-content: center; margin-bottom:80px; }
.nygyfwtoptext{ text-align:center; font-size:var(--font-size-ms); color:#fff; line-height:2; margin-bottom:40px; }
.nygyfwtoplist{ display:flex; flex-direction:row; width:1200px;justify-content: space-evenly; margin:0 auto; }
.nygyfwtoplist li{ width:220px; height:200px; border:1px #fff solid; border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.nygyfwtoplist li i{ display: block; width: 60px; height: 60px; background-position:center center; background-repeat:no-repeat; margin-bottom:20px; }
.nygyfwtoplist li p{ margin-bottom: 10px; color:#fff; font-size:var(--font-size-ms); font-weight:bold; }
.nygyfwtoplist li span{ color:#fff; font-size:var(--font-size-xs); line-height:1.75 }

.nygyfwbottom{ background:#f4f4f4; width:100%; height:500px; display: flex;flex-direction: column; justify-content: center; margin-top:60px;}
.nygyfwbottomlist{ display:flex; flex-direction:row; width:1300px;justify-content: space-evenly; margin:0 auto; }
.nygyfwbottomlist li{ width:240px; padding: 0 20px; box-sizing: border-box; height:200px; border:1px #ddd solid; border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;transition: all 0.5s ease; }
.nygyfwbottomlist li i{ display: block; width: 60px; height: 60px; background-position:center center; background-repeat:no-repeat; margin-bottom:20px; }
.nygyfwbottomlist li p{ margin-bottom: 10px; color:#333; font-size:var(--font-size-ms); font-weight:bold; }
.nygyfwbottomlist li span{ color:#666; font-size:var(--font-size-xs); line-height:1.75 }
.nygyfwbottomlist li:hover{ margin-top: -5px; border:1px var(--primary-color) solid; }
.nygyfwbottomlist li:hover p{ color:var(--primary-color); }
.nygyfwgkywbg{ padding:80px 0;margin:80px 0; background:#f8f8f8 }
.nygyfw_list{ width:100%; margin:80px 0; }
.nygyfw_list_con{ width:100%; padding: 0 100px; margin:0 auto; min-width:1300px; box-sizing:border-box;max-width: 1900px; clear:left }
.nygyfw_list_l{ float:left; width:50%; position:relative; }
.nygyfw_list_video{ position:absolute; z-index: 2; left:0; right:0; bottom:0; top:0; width: 100%; height: 100%;object-fit: fill;}
.nygyfw_list_r{ float:right; width:50%; position:relative; }
.nygyfw_list_con img{ max-width:100%; }
.nygyfw_list_img{ position:relative; z-index:1; }
.nygyfw_list_text{ display:flex;flex-direction: column; padding-right:60px; padding-top:60px; box-sizing:border-box; }
.nygyfw_list_r.nygyfw_list_text{ padding:60px 60px 0 60px; }
.nygyfw_list_text h3{ font-size:var(--font-size-sm); color:var(--font-color-base); margin-bottom:20px; }
.nygyfw_list_text p{ font-size:var(--font-size-xs); color:var(--font-color-text); margin-bottom:10px; line-height:1.75 }
.nygyfw_list_text ul{}
.nygyfw_list_text ul li{ margin:15px 0; color:var(--font-color-text); font-size:var(--font-size-xs); }
.nygyfw_list_text ul li b{ font-weight:bold; color:var(--primary-color); margin-right:6px; }
.nygyfw_list_text ul li span{  }

.nyfwcn{ width:100%; height: 450px; background:url(../images/nyfwcnbg.jpg) center center no-repeat; display:flex; align-items:center; flex-direction:column;justify-content: center; }
.nyfwcn_title{ text-align:center; position:relative; margin-bottom:40px; width:100%; }
.nyfwcn_title h3{ position: relative; z-index: 2; font-size:var(--font-size-md); color:#fff; font-weight:normal; }
.nyfwcn_title span{ position:absolute; bottom:-10px; z-index:1; color:rgba(255, 255, 255, 0.1); font-size:var(--font-size-sm); display:block; width:100%; height:30px; }
.nyfwcn ul{ display:flex; flex-direction:row; width:1200px;justify-content: space-evenly; }
.nyfwcn ul li{ width:200px; height:180px; border:1px #fff solid; border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.nyfwcn ul li i{ display: block; width: 60px; height: 60px; background-position:center center; background-repeat:no-repeat; margin-bottom:20px; }
.nyfwcn ul li p{ color:#fff; font-size:var(--font-size-ms); }

.xzzx{ width:100%; padding:80px 0 120px; position:relative; }
.xzzx_list{ margin-bottom:40px; }
.xzzx_list ul{ width:100%; display:flex; }
.xzzx_list ul li{ width: 26%; margin:0 3.5%; }
.xzzx_list ul li h3{ background:#f4f4f4; width:100%; height:350px; box-sizing:border-box; padding:40px; text-align:center; }
.xzzx_list ul li h3 a{ display:flex; height:100%; align-items:center; justify-content:center;-webkit-transition-duration: 1s;transition-duration: 1s; }
.xzzx_list ul li h3 img{ width: auto; max-width:100%; max-height:100%; }
.xzzx_list ul li p{line-height:60px;}
.xzzx_list ul li p a{ display:flex; justify-content:space-between; line-height:60px;}
.xzzx_list ul li p span{ color:var(--font-color-base); font-size:var(--font-size-base); }
.xzzx_list ul li p i{ display:inline-block; width:60px; height:60px; background:url(../images/xzzx_icon.png) center center no-repeat; }
.xzzx_list ul li:hover h3 a{-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
    .xzzx_list ul li:hover p span{ color:var(--primary-color); }

.xzzx_lista{ display: block; position:absolute; bottom:80px; left:50%; margin-left:-50px; width:100px; height: 40px; color:var(--primary-color); font-size:var(--font-size-base); text-align:center; }
.xzzx_lista:after{
  content: ""; position: absolute; bottom:0; left: 50%; margin-left:-15.5px; width:31px; height: 13px; background: url(../images/syabouta.png) center center no-repeat;
}

.nyssjk{ width:100%; height:720px; background:url(../images/nyssjkbg.jpg) center bottom no-repeat; box-sizing:border-box; padding:120px 0; }
.nyssjksz{ width:1250px; margin:0 auto; text-align: center; }
.nyssjksz1{ width:100%; display:flex; justify-content:space-between; margin-bottom:20px; }
.nyssjksz1 p{ width:450px; font-size:var(--font-size-ms); color:var(--font-color-base); line-height:140px; }
.nyssjksz1 p:nth-child(2){ width:311px; }
.nyssjksz1 p b{ font-size:var(--font-size-md); color:var(--primary-color); }
.nyssjksz2{ width:100%; display:flex; justify-content:center; }
.nyssjksz2 p{ width:467px; font-size:var(--font-size-ms); color:var(--font-color-base); line-height:140px; }
.nyssjksz2 p b{ font-size:var(--font-size-md); color:var(--primary-color); }
.nyssjksz_a{ display: inline-block; margin-top:20px; color:var(--primary-color); font-size:var(--font-size-xs); }


.cxtx{ width:100%; height:860px; background:url(../images/cxtxbg.jpg) center bottom no-repeat; box-sizing:border-box; padding:250px 0; text-align:right; }
.cxtx .mainbox{ position:relative; }
.cxtx h3{ position:relative; margin-bottom:30px; }
.cxtx h3 b{ position:relative; z-index:2; font-size:var(--font-size-md); color:#fff; }
.cxtx h3 span{ position: absolute; right: 0; bottom:-20px; z-index:1; font-size:150px; color:rgba(255, 255, 255, 0.1); font-family:"Microsoft Yahei light","PingFang SC light"; font-weight:normal; text-transform:uppercase; }
.cxtx h4{ font-size:var(--font-size-sm); color:#fff; margin-bottom:20px; }
.cxtx p{ width: 680px; font-size:var(--font-size-xs); color:#fff; line-height:var(--line-height-text); float:right; }

.cxcg{ width:100%; box-sizing:border-box; padding:200px 0 100px; text-align:left; }
.cxcg_title{ position:relative; margin-bottom:50px; }
.cxcg_title h3{ position:relative; margin-bottom:30px; }
.cxcg_title h3 b{ position:relative; z-index:2; font-size:var(--font-size-md); color:var(--font-color-base); }
.cxcg_title h3 span{ position: absolute; left: 0; bottom:-20px; z-index:1; font-size:150px; color:rgba(0, 0, 0, 0.1); font-family:"Microsoft Yahei light","PingFang SC light"; font-weight:normal; text-transform:uppercase; }
.cxcg_title h4{ font-size:var(--font-size-sm); color:var(--font-color-text); margin-bottom:20px; }

.cxcg_list{ width:100%; }
.cxcg_list .cxcg_list_item{ width:48%; max-width:700px; float:left;  }
.cxcg_list .cxcg_list_item i{ display:block; width:50px; height:50px; margin-bottom:20px; }
.cxcg_list .cxcg_list_item h3{ font-size:var(--font-size-ms); color:var(--font-color-base); }
.cxcg_list .cxcg_list_item p{ font-size:var(--font-size-xs); color:var(--font-color-dec); line-height:var(--line-height-text); height:80px; }
.cxcg_list .cxcg_list_item img{ max-width:100%; }

.nyszsy{ width:100%; box-sizing:border-box; padding:100px 0; }
.nyszsybingtu{ width:100%; height: 1000px; position:relative; }
.nyszsybingtu:before{ content:""; background: rgba(247, 252, 254, 1.0); position:absolute; left:50%; top:50%; z-index: 1; margin-left: -500px; margin-top: -500px; width:1000px; height:1000px;-webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; border-radius:50%; border:3px rgba(235, 246, 254, 1.0) solid; }

@keyframes warn{0%{transform:scale(0.5);} 25%{transform:scale(1);} 50%{transform:scale(1.2); } 75%{transform:scale(1.3); } 100%{transform:scale(1.4); opacity:0.5;}}
@-webkit-keyframes warn{0%{transform:scale(0.5); opacity:0;} 25%{transform:scale(1); opacity:0.4;} 50%{transform:scale(1.2); opacity:0.8;} 75%{transform:scale(1.3); opacity:0.4;} 100%{transform:scale(1.4); opacity:0;}}


.nyszsybingtu_center{ position:absolute; left:50%; top:50%; z-index: 3; margin-left: -500px; margin-top: -500px; width:1000px; height:1000px; background:url(../images/nyszsybingtu_centerbg.png) center center no-repeat; }

.nyszsybingtu_center ul{}
.nyszsybingtu_center ul li{ position:absolute; left:50%; top:50%; width:210px; text-align:center; line-height:var(--line-height-text); font-size:var(--font-size-xs); color:var(--font-color-text); }
.nyszsybingtu_center ul li:hover{ color:var(--primary-color); font-weight:bold; }
.nyszsybingtu_center ul li.nyszsybingtu01{
  margin-left:-460px; margin-top:-160px;
}
.nyszsybingtu_center ul li.nyszsybingtu02{
  margin-left:-260px; margin-top:-380px;
}
.nyszsybingtu_center ul li.nyszsybingtu03{
  margin-left:60px; margin-top:-380px;
}
.nyszsybingtu_center ul li.nyszsybingtu04{
  margin-left:260px; margin-top:-160px;
}
.nyszsybingtu_center ul li.nyszsybingtu05{  
  margin-left:260px; margin-top:110px;
}
.nyszsybingtu_center ul li.nyszsybingtu06{
  margin-left:60px; margin-top:300px;
}
.nyszsybingtu_center ul li.nyszsybingtu07{
  margin-left:-260px; margin-top:300px;
}
.nyszsybingtu_center ul li.nyszsybingtu08{
  margin-left:-470px; margin-top:110px;
}

.nyznzz{ width:100%; box-sizing:border-box; padding:100px 0; }
.nyznzz_list{ width:100%; }
.nyznzz_list ul{display: flex; flex-direction: row; justify-content: space-between;flex-wrap: wrap;}
.nyznzz_list ul li{ width:44%; margin:0 3% 60px; }
.nyznzz_list ul li h3{ width:100%; padding-bottom:calc(36000% / 650); background-position:center; background-size: cover; background-repeat:no-repeat;margin-bottom:40px; border-radius:10px; overflow:hidden; }
.nyznzz_list ul li h4{ font-size:var(--font-size-sm); color:var(--primary-color); margin-bottom:20px; padding-left: 30px;}
.nyznzz_list ul li p{ padding-left: 30px; font-size:var(--font-size-ms); color:var(--font-color-text); }

.nyjcsy{ width:100%; height: 1290px; box-sizing:border-box; padding:200px 0; background:url(../images/nyjcsybg.jpg) center center no-repeat; }
.nyjcsy_title{ margin-bottom:60px; width:100% }
.nyjcsy_title h3{ font-size:var(--font-size-md); font-weight:normal; color:var(--font-color-base); position:relative;margin-bottom:40px; }
.nyjcsy_title p{ width: 50%; font-size:var(--font-size-base); color:var(--font-color-text); margin-bottom:30px; line-height:var(--line-height-text); }

.nyjcsy_list{ width:50%; }
.nyjcsy_list ul{ width:100%; display:flex; }
.nyjcsy_list ul li{ display: flex; flex-direction: column; align-items: center; width:100%; margin:0 2% 2% 0; background:#fff;box-shadow: 0px 2px 10px 1px rgba(50,50,50,0.1); padding: 40px 20px;box-sizing: border-box; position:relative; text-align:center; }
.nyjcsy_list ul li h3{ width:70px; height:70px; background-position:center 0; background-repeat:no-repeat; margin-bottom:15px; }
.nyjcsy_list ul li div{ position: relative; box-sizing: border-box; display:flex; flex-direction:column; justify-content:center; }
.nyjcsy_list ul li div h4{ position: relative; z-index: 2; font-size:var(--font-size-ms); color:var(--font-color-base); margin-bottom:15px;transition: all .5s ease; }
.nyjcsy_list ul li div p{ position: relative; z-index: 2; font-size:var(--font-size-xs); color:var(--font-color-dec); line-height:var(--line-height-text); transition: all .5s ease; text-align: justify;}
.nyjcsy_list ul li:hover{background:var(--primary-color);transition: all .5s ease; }
.nyjcsy_list ul li:hover h3{ background-position:center -70px; }
.nyjcsy_list ul li:hover div h4{ color:#fff; }
.nyjcsy_list ul li:hover div p{ color:#fff; }

.nynews{ width:100%; box-sizing:border-box; padding:100px 0; }
.newslist{ width:100%;}
.newslist ul{ position:relative;}
.newslist ul:after{content:" "; background: #eee; position: absolute; top: 0; left: 200px; height: 100%; width: 1px; z-index: 1;}
.newslist ul li{ position:relative; width:100%; height:230px; margin-bottom:40px; box-sizing:border-box;}
.newslist ul li h5{ float:left; width:200px; padding:30px 50px 0 0; margin-right:40px; height:170px; text-align:center; position:relative; z-index:4}
.newslist ul li h5:before{content:" "; position: absolute; top:0;right:50px; width: 0; height: 230px; background:#0042ad; transition: all .5s ease;-webkit-transition: all .5s ease; z-index:1;}
.newslist ul li h5:after{content:" "; background: #eee; position: absolute; right: 0; top: 115px; height: 1px; width: 50px; z-index: 5;}
.newslist ul li h5 b{ display:block; font-size:50px; margin-top:40px; color:#0042ad; position:relative; z-index:3}
.newslist ul li h5 i{ font-size:16px; line-height:40px; color:#333; font-weight:normal; font-style:normal; position:relative; z-index:3}
.newslist ul li h3{ background:#f8f8f8; float:left; width:calc(100% - 690px); height:170px; padding:30px 50px; position:relative; z-index:3}
.newslist ul li h3:before{content:" "; position: absolute; border-top: 0 solid transparent; border-bottom: 0 solid transparent; border-left: 0 solid #0042ad; left: -120px; top: 50%; margin-top: -15px; z-index: 3;transition: all .5s ease;-webkit-transition: all .5s ease;}
.newslist ul li h3:after{content:" "; background:#f8f8f8; position: absolute; left: 0; top:0; z-index:1; width:90px; height:230px;transition: all .5s ease;-webkit-transition: all .5s ease;}
.newslist ul li h3 a{ font-size:22px; line-height:50px; display: block; width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color:#333; transition: all .5s ease;-webkit-transition: all .5s ease;position:relative; z-index:3}
.newslist ul li h3 p{ font-size:14px; line-height:26px; font-weight:normal; color:#888;position:relative; z-index:3}
.newslist ul li h4{ background:#f8f8f8; float:right; width:300px; height:230px; position:relative; z-index:3; background-size: cover;}
.newslist ul li h4:after{content:" "; position: absolute; top:0; left:300px; width: 0; height: 230px; background:#fafafa; transition: all .5s ease;-webkit-transition: all .5s ease; z-index:1;}

.newslist ul li.active h5:before{ width:200px;}
.newslist ul li.active h5 b{ color:#fff;}
.newslist ul li.active h5 i{ color:#fff;}
.newslist ul li.active h5:after{ background:#0042ad; z-index:3}
.newslist ul li.active h3:before{ position: absolute; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #0042ad; left: -90px; top: 50%; margin-top: -15px; z-index: 3;}
.newslist ul li.active h3:after{ left:-90px;}
.newslist ul li.active h3 a{ color:#0042ad}

.videolist{ width:100%;}
.videolist ul{ position:relative; display: flex;flex-wrap: wrap;}
.videolist ul li{ width:31.33%; margin:0 1% 2%; background:#f8f8f8; }
.videolist ul li h4{ width:100%; padding-bottom:calc(300% / 4);background-position: center center;background-repeat: no-repeat;background-size: cover; position:relative; }
.videolist ul li h4 a{ position:absolute; left:0; right:0;top:0; bottom:0; display:block; z-index:2; background:rgba(0, 0, 0, 0.2); }
.videolist ul li h4 a:before{
  content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -7px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 20px solid #fff;
}
.videolist ul li h4 a:after{
  content: " ";
    position: absolute;
    left: 50%;
    top: 50%; border-radius: 50%;
    margin-top: -25px;
    margin-left: -25px;
    width: 50px; height: 50px; border:1px #fff solid;
}
.videolist ul li h3{ width:100%; box-sizing:border-box;  font-weight:normal;}
.videolist ul li h3 a{ font-size:var(--font-size-base); line-height: var(--line-height-text); color:#333; padding:30px 20px; display:block; }

.nyqqbj{width:100%; box-sizing:border-box; padding:100px 0;}
.nyqqbj_title{ text-align:center; margin-bottom:25px; }
.nyqqbj_title h3{ font-size:var(--font-size-md); font-weight:normal; color:var(--font-color-base); position:relative;margin-bottom:40px; }
.nyqqbj_title h3:after{ content:""; position:absolute; left:50%; bottom:-20px; width:100px; height:6px; margin-left: -50px; border-radius: 3px; background:var(--background-jianbain); }
.nyqqbj_title p{ font-size:var(--font-size-ms); color:var(--font-color-dec); margin-bottom:30px; line-height:var(--line-height-text); }
.nyqqbj_title h4{ margin: 0 auto 40px; border-radius: 25px; width: 220px; height:50px; line-height:50px; background:var(--background-jianbain); color:#fff; font-size:var(--font-size-sm); font-weight:normal; }

.nyqqbj_list{ width:1300px; margin: 0 auto; padding: 20px 0 40px;}
.nyqqbj_list ul{ width:1300px; display: flex; flex-direction: row; justify-content: center;}
.nyqqbj_list li{ padding:0 50px; align-items:center;color: var(--font-color-base); text-align: center;}
.nyqqbj_list li h3{ font-size:var(--font-size-lg); font-family:Arial black ; color: var(--primary-color);}
.nyqqbj_list li h3 b{ font-size:var(--font-size-blg); color:var(--font-color-base); }
.nyqqbj_list li p{ font-size:var(--font-size-base); color:var(--font-color-dec); margin-top:10px; }

.nyqqbj_map{ text-align:center; width:1300px; margin:0 auto; height:829px; background:url(../images/nyqqbjbg.jpg) center center no-repeat; position:relative;}

.nyqqbj_map .dot_box{position:absolute; left:0 ;bottom:0; width:100%; height:100%;}
.nyqqbj_map .dot_box .dot{position:absolute;}
.nyqqbj_map .dot_box .dot .dot_circle{display:block; width:14px; height:14px; background:#007dd4; position:relative; z-index:3; border-radius:50%;}
.nyqqbj_map .dot:after,
.nyqqbj_map .dot:before{content:""; position:absolute; border-radius:50%; top:50%; left:50%; z-index:1;}
.nyqqbj_map .dot:before {width:29px; height:29px; background:transparent; background:rgba(0,94,184,0.3); margin-top:-14px; margin-left:-14px; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0;}
.nyqqbj_map .dot:after {width:46px; height:46px;background:transparent; /*background:#7e9ec3;*/ background:rgba(0,94,184,0.2); margin-left:-23px; margin-top:-23px; -webkit-animation:warn1 2s linear 0s infinite; -moz-animation:warn1 2s linear 0s infinite; animation:warn1 2s linear 0s infinite; opacity:0;}

@keyframes warn1{0%{transform:scale(0.5); opacity:0;} 25%{transform:scale(1); opacity:0.4;} 50%{transform:scale(1.2); opacity:0.8;} 75%{transform:scale(1.3); opacity:0.4;} 100%{transform:scale(1.4); opacity:0;}}
@-webkit-keyframes warn1{0%{transform:scale(0.5); opacity:0;} 25%{transform:scale(1); opacity:0.4;} 50%{transform:scale(1.2); opacity:0.8;} 75%{transform:scale(1.3); opacity:0.4;} 100%{transform:scale(1.4); opacity:0;}}

.nyqqbj_map .dot_box .dot:nth-child(1){ left: 10%; top: 600px;}
.nyqqbj_map .dot_box .dot:nth-child(2){ left: 6%; top: 320px;}
.nyqqbj_map .dot_box .dot:nth-child(3){ left: 12%; top: 400px;}
.nyqqbj_map .dot_box .dot:nth-child(4){ left: 50%; top: 160px;}
.nyqqbj_map .dot_box .dot:nth-child(5){ left: 36%; top: 470px;}
.nyqqbj_map .dot_box .dot:nth-child(6){ left: 15%; top: 210px;}
.nyqqbj_map .dot_box .dot:nth-child(7){ left: 82%; top: 185px;}
.nyqqbj_map .dot_box .dot:nth-child(8){ left: 33%; top: 190px;}
.nyqqbj_map .dot_box .dot:nth-child(9){ left: 81%; top: 270px;}
.nyqqbj_map .dot_box .dot:nth-child(10){ left: 90%; top: 610px;}
.nyqqbj_map .dot_box .dot:nth-child(11){ left: 68%; top: 180px;}
.nyqqbj_map .dot_box .dot:nth-child(12){ left: 45%; top: 300px;}
.nyqqbj_map .dot_box .dot:nth-child(13){ left: 14%; top: 550px;}
.nyqqbj_map .dot_box .dot:nth-child(14){ left: 18%; top: 300px;}
.nyqqbj_map .dot_box .dot:nth-child(15){ left: 26%; top: 340px;}
.nyqqbj_map .dot_box .dot:nth-child(16){ left: 33%; top: 400px;}
.nyqqbj_map .dot_box .dot:nth-child(17){ left: 90%; top: 450px;}
.nyqqbj_map .dot_box .dot:nth-child(18){ left: 43%; top: 580px;}

.nyshzr{width:100%; box-sizing:border-box; padding:100px 0;}
.nyshzr_list{ width:100%; }
.nyshzr_list *{transition: all .5s ease;}
.nyshzr_list ul{ width:100%; display: flex; flex-direction: row; justify-content: center; }
.nyshzr_list ul li{ width:25%; margin:0 2%;box-sizing:border-box; position:relative; overflow:hidden;}
.nyshzr_list ul li:before{content:""; position:absolute; z-index:2; left:0; right:0; bottom:0; height:140px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 12%, #000000 100%); -webkit-transition: all .3s cubic-bezier(0,.5,.5,1); -o-transition: all .3s cubic-bezier(0,.5,.5,1); transition: all .3s cubic-bezier(0,.5,.5,1);}
.nyshzr_list ul li:after{ content:""; position:absolute; z-index:2; left:0; right:0; top:0; bottom:0; background:rgba(0,94,184,0.8); display:none;transition: all 0.3s ease;}
.nyshzr_list ul li h4{ position: absolute; z-index:9; left:35px; bottom:120px; width:50px; height:50px;transition: all 0.3s ease;}
.nyshzr_list ul li h3{ position: absolute; z-index:9; left:35px; bottom:50px; font-size:var(--font-size-sm); color:#fff;transition: all 0.3s ease;}
.nyshzr_list ul li h3 b{ display:block; font-weight:normal; font-size:var(--font-size-base); line-height: 2.5}
.nyshzr_list ul li p{ position: absolute; z-index:9; left:35px; right:35px; bottom:50px; display:none; font-size:var(--font-size-base); line-height:28px; color:#fff;transition: all 0.3s ease; text-align:justify}
.nyshzr_list ul li img{ position:relative; z-index:1; max-width:100%;transition: all 0.3s ease;}
.nyshzr_list ul li:hover:before{ display:none;}
.nyshzr_list ul li:hover:after{ display:block;}
.nyshzr_list ul li:hover h4{ bottom:auto; top:50px;}
.nyshzr_list ul li:hover h3{ bottom:auto; top:110px;}
.nyshzr_list ul li:hover p{ display:block; color:#fff;}
.nyshzr_list ul li:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}
.nyshzr_list ul li h4.nyshzr_list01{ background-image:url(../images/nyshzr_list01.png)}
.nyshzr_list ul li h4.nyshzr_list02{ background-image:url(../images/nyshzr_list02.png)}
.nyshzr_list ul li h4.nyshzr_list03{ background-image:url(../images/nyshzr_list03.png)}
.nyshzr_list ul li h4.nyshzr_list04{ background-image:url(../images/nyshzr_list04.png)}


@media(max-width:1600px) {
  .nyshzr_list ul li:hover h4{ top:30px; }
  .nyshzr_list ul li:hover h3{ top:80px; font-size:var(--font-size-ms); }
  .nyshzr_list ul li:hover p{ font-size:var(--font-size-xs); line-height:var(--line-height-text);  bottom: 30px;
  }
}



.nykcxfz{width:100%; box-sizing:border-box; padding:100px 0;}
.nykcxfz_list{ width:1300px; margin:0 auto 60px; }
.nykcxfz_list ul{ width:100%; display: flex; flex-direction: row; justify-content: center;}
.nykcxfz_list ul li{ width:600px; height: 300px; margin:0 25px;box-sizing:border-box; position:relative; overflow:hidden; border-radius: 10px;}
.nykcxfz_list ul li img{ position:absolute; left: 0; top: 0; z-index:1; max-width:100%;transition: all 0.3s ease;}
.nykcxfz_list ul li:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}
.nykcxfz_list ul li .nykcxfz_list_text{ z-index: 2; position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-direction: column; justify-content:center; align-items:center; }
.nykcxfz_list ul li .nykcxfz_list_text h3{ font-size: var(--font-size-sm); color:#fff; font-weight:normal; margin-bottom:20px; }
.nykcxfz_list ul li .nykcxfz_list_text p{ font-size: var(--font-size-xs); color:#fff; font-weight:normal; }

.nykcxfz_end{ width:1000px; margin:0 auto; text-align:center; }
.nykcxfz_end p{ margin-bottom: 40px; font-size:var(--font-size-ms); color:var(--font-color-dec); line-height:var(--line-height-text); }

.nycontact{width:100%; box-sizing:border-box; padding:100px 0;}
.nycontact_map{ width:100%; margin-bottom:40px; }
.nycontact_map #dituContent{ width:100%; height:680px; }

.servicetext{ font-size:16px; line-height:35px; color:#666;}
.servicetext .mode{ width:100%;}
.servicebox{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; height:280px; background:url(../images/servicebox.jpg) left top no-repeat;}
.servicebox a{ display:block; width:600px; float:left; height:280px;}


.servicetext .mode dl{width: 32.4%;margin-right: 1.3%;margin-bottom: 1.3%;float: left; border-radius:10px; height:81px; background: #f5f5f5;padding: 25px 0;}
.servicetext .mode dl:first-child{margin-left: 0;}
.servicetext .mode dl:nth-child(3){ margin-right:0 }
.servicetext .mode dl:nth-child(4){ width:100%; margin-right:0 }
.servicetext .mode dd{float: left;margin: 0 15px 0 20px;}
.servicetext .mode dt{float: left; width:290px;}
.servicetext .mode dt h4{font-size:var(--font-size-base);color: var(--font-color-text); font-weight:normal;margin-top: 5px;}
.servicetext .mode dt p{font-weight: 600;font-size:var(--font-size-ms);padding: 0; color:var(--primary-color);line-height:var(--line-height-text);}
.servicetext .mode dt p.tel{font-weight: 600;font-size:var(--font-size-ms); color:var(--primary-color)}

.pro_mes{ padding:30px 0; box-sizing: border-box; background: #fff; display: flex; justify-content: space-between;}
.pro_mes_l{ width:48%; }
.pro_mes_r{ width:48%; background-position:center; background-size:cover; background-repeat:no-repeat; }
.pro_mes_r img{ max-width:100%; }
.khtitle{}
.khtitle h3{ font-size:var(--font-size-sm); font-weight:bold; color:var(--font-color-base); margin-bottom:20px;}
.khtitle p{ font-size:var(--font-size-xs); color:var(--font-color-dec); line-height:var(--line-height-text);}
.khtitle p span{ color:#f00}

.liuyan{ width:100%;}
.liuyan h3{ font-size:20px; color:var(--font-color-base); margin-top:30px;}
.liuyan table{ width:100%;}
.liuyan table td{ font-size:18px; padding:20px 0 0;}
.liuyan table td span{ color:#e20f1f;padding: 0 7px;}
.form-group p{ line-height:32px; padding-left:10px; position:relative;}
.form-group p:before{ content:""; width:2px; height:10px; left:0; top:10px; background:#0042ad; position:absolute;}
.form-control4{ float:left; width:365px; border-radius:3px; background:#f6f7fa; border:1px #e9ecf2 solid; height:40px; line-height:40px; color:#666; margin-right:20px; padding:0 15px; box-sizing:border-box;}
.form-control3{ float:left; width:235px; border-radius:3px; background:#f6f7fa; border:1px #e9ecf2 solid; height:40px; line-height:40px; color:#666; margin-right:20px; padding:0 15px; box-sizing:border-box;}
.form-control-c3{ width:750px; height:130px; background:#f6f7fa; border:1px #e9ecf2 solid; padding:5px 15px; box-sizing:border-box;}
.form-control-c4{ width:750px; height:80px; background:#f6f7fa; border:1px #e9ecf2 solid; padding:5px 15px; box-sizing:border-box;}

.formtext{ width:280px; height:40px; box-sizing:border-box; border:1px #aaa solid; line-height:40px; font-size:var(--font-size-xs); color:var(--font-color-base); padding-left:10px; float: left;} 
.formtext1{ width:98%; box-sizing:border-box; height:40px; border:1px #aaa solid; line-height:40px; font-size:var(--font-size-xs); color:var(--font-color-base); padding-left:10px;} 
.formtext2{ width:97.5%; height:130px; border:1px #aaa solid; line-height:30px; font-size:var(--font-size-xs); color:var(--font-color-base); padding:10px;}
.bitian{ background:url(../images/bitian.png) right center no-repeat;}
.fstext{ font-size:var(--font-size-xs); color:var(--font-color-text); margin-left:20px; line-height:40px;}

.fy-alert-content{}
.fy-alert-content td{ padding:10px 0 }
.formtextxz{ width:98%; box-sizing:border-box; height:40px; border:1px #aaa solid; line-height:40px; font-size:var(--font-size-xs); color:var(--font-color-base); padding-left:10px;} 


.nyjrjk{width:100%; box-sizing:border-box; padding:100px 0;}
.nyrcfz{width:100%; box-sizing:border-box; padding:100px 0 0; display: flex;justify-content: space-between;}
.nyrcfz_l{ width:46%; }
.nyrcfz_l h3{ font-size:var(--font-size-sm); color:var(--font-color-base); position:relative; margin-bottom:50px; }
.nyrcfz_l h3:after{ position:absolute; content:""; left:0; bottom:-20px; width:60px; height:3px; background:var(--background-jianbain); }
.nyrcfz_l h4{ font-size:var(--font-size-ms); color:var(--primary-color); margin-bottom:20px; }
.nyrcfz_l p{ line-height: 2.5; color:var(--font-color-text); font-size:var(--font-size-base); }
.nyrcfz_l p b{ color:var(--primary-color);}
.nyrcfz_l img{ max-width:100% }
.nyrcfz_l .shzp{ display:flex; height:160px; justify-content:space-between; }
.nyrcfz_l .shzp a{ display:flex; flex-direction: column; justify-content: center; width: 50%; border:1px #ddd solid; padding:0 40px; box-sizing:border-box;background-repeat:no-repeat; background-position:right center; margin-right:40px; }
.nyrcfz_l .shzp a b{ font-size:var(--font-size-ms); color:var(--font-color-base); }
.nyrcfz_l .shzp a span{ font-size:var(--font-size-mi); display:inline-block; width:120px; height:30px; line-height: 30px; text-align: center; border:1px var(--primary-color) solid; color:var(--primary-color); margin-top:20px; }
.nyrcfz_l .shzp a:hover{ background-color:var(--primary-color);border-color:var(--primary-color); }
.nyrcfz_l .shzp a:hover b{ color:#fff; }
.nyrcfz_l .shzp a:hover span{ color:#fff; border-color:#fff; }
.nyrcfz_l .shzp a.shzp_a{ background-image:url(../images/shzp_a.png); }
.nyrcfz_l .shzp a.xyzp_a{ background-image:url(../images/xyzp_a.png); }

.nyrcfz_r{ width:46%; text-align:right; }
.nyrcfz_r img{ max-width:100% }

.joblist{width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;overflow: hidden; padding:80px 0;}
.joblist_ul{ width:100%; border-bottom:1px #ddd solid;  }
.joblist_ul li{ display:flex; justify-content:center; align-items:center; line-height:70px;}
.joblist_ul li:nth-child(2n+1){ background-color:#f8f8f8 }
.joblist_ul li:hover{ background-color:var(--background-color); }
.joblist_ul li a{display:flex; width: 100%; justify-content:center; align-items:center;}
.joblist_ul li div{ width: 20%; text-align: center; font-size:var(--font-size-xs); color:var(--font-color-text); }
.joblist_ul li.first_li div{ font-weight:bold; background-color:var(--background-color); font-size: var(--font-size-base);}


.nypro{width:100%; box-sizing:border-box; padding:100px 0;}
.nypro_title{ width:100%; margin-bottom: 60px;}
.nypro_title h3{ font-size:var(--font-size-md); color:var(--font-color-base); margin-bottom:30px; }
.nypro_title h3 span{ font-size:var(--font-size-sm); color:var(--primary-color); font-weight:normal; margin-left:20px; }
.nypro_title p{ font-size:var(--font-size-base); color:var(--font-color-text); line-height:var(--line-height-text); }

.nypro_list{ width:100%;}
.nypro_list_title{ margin-bottom:40px; width:100% }
.nypro_list_title h3{ font-size:var(--font-size-md); color:var(--font-color-base); margin-bottom:30px;}
.pro-swiper-tabs{ width:100%; border-bottom:1px #ddd solid; height:60px; line-height:60px; margin-bottom:40px; }
.pro-swiper-tabs .pro-swiper-tab{ width:160px; float:left; height:60px; position:relative; text-align:center; cursor:pointer; }
.pro-swiper-tabs .pro-swiper-tab.active{ color:var(--primary-color); font-weight:bold; }
.pro-swiper-tabs .pro-swiper-tab:after{content: ""; width:0; height: 3px; background: var(--primary-color); position: absolute; bottom: -2px; left: 0;transition: all 0.5s ease;}
.pro-swiper-tabs .pro-swiper-tab.active:after{width:160px;}


.nypro_list .nypro_list_confl{ width:100%; overflow: hidden;}
.nypro_list .nypro_list_confl li{ float:left; width:23%; margin-right:2.6%; margin-bottom:4%; background:#f8f8f8; position:relative; overflow:hidden;transition: all 0.3s ease;}
.nypro_list .nypro_list_confl li:nth-child(4n){ margin-right:0}

.nypro_list .nypro_list_confl li h3{ width:100%; padding:10px; box-sizing:border-box; overflow:hidden;}
.nypro_list .nypro_list_confl li h3 a{ display:block; padding-bottom:calc(400% / 5); width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; -webkit-transition-duration: 1s; transition-duration: 1s;}
.nypro_list .nypro_list_confl li:hover h3 a { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05)}


.nypro_list .nypro_list_confl li p{ text-align:center; color:var(--font-color-base);transition: all 0.3s ease; border:1px #f1f5f7 solid;}
.nypro_list .nypro_list_confl li p a{ color:var(--font-color-base); display:block; padding:10px 0 25px; box-sizing:border-box;}
.nypro_list .nypro_list_confl li p a i{ color: var(--primary-color); font-style: normal; font-size:var(--font-size-base); font-weight: bold; display:block; line-height:var(--line-height-text);}
.nypro_list .nypro_list_confl li p a b{ font-weight: normal; font-size:var(--font-size-ms); margin-bottom:10px; display:block; line-height:var(--line-height-text);}
.nypro_list .nypro_list_confl li p a span{ font-size:var(--font-size-xs); color:var(--font-color-dec);}
.nypro_list .nypro_list_confl li:hover p{ background:var(--primary-color);}
.nypro_list .nypro_list_confl li:hover p a{ color:#fff;}
.nypro_list .nypro_list_confl li:hover p a i{ color:#fff;}
.nypro_list .nypro_list_confl li:hover p a b{ color:#fff;}
.nypro_list .nypro_list_confl li:hover p a span{ color:#fff;}
.nypro_list .nypro_list_confl li:hover .text{ top:0;}

.nyproductbanner{
  width:100%; height: 920px; background-position: top center; background-repeat: no-repeat;box-sizing: border-box;
}
.nyproductbanner .mainbox{ height:100%; }
@media(max-width:1600px) {
  .nyproductbanner{ height: 700px; }
}

.nypro-item{ width:100%; height:100%; padding:60px 0 30px; box-sizing:border-box; margin:0 auto; display: flex; align-items: center;}
.nypro-item-l{width:50%;min-width: 600px; margin-right:100px; max-width:800px; position: relative;}

.spec-preview{width:100%;height:auto; float:left;}
/*图片放大镜样式*/
.jqzoom{ background: #fff;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width:100%;height:auto; text-align:center; border-radius: 10px; overflow:hidden;}
.jqzoom img{ max-width:100%; max-height:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden; display:none !important;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); display:none;}

/*图片小图预览列表*/

.spec-scroll{ width:100%; height:146px; border-top:1px #fff solid; padding-top:40px; margin-top: 20px;}
.spec-scroll .items{width:100%;height:146px;overflow:hidden;}
.spec-scroll .items ul{width:100%;height:146px;}
.spec-scroll .items ul li{width:180px;text-align:center; margin-right:15px;height:146px; border:1px solid #fff;float:left;}
.spec-scroll .items ul li img{width:180px;height:146px; margin:0 auto;}

.nypro_zytd{ width:100%; position:relative;}
.nypro_zytd p{ padding-left:20px; background:url(../images/nypro_zytd_icon.png) left 8px no-repeat; }

.nypro_jscs{ width:100%; position:relative;}
.nypro_jscs table{ margin:0 auto; text-align:center; width:100%;}
.nypro_jscs table tr{ background:#fff;font-size:var(--font-size-ms); color:var(--font-color-base); border:1px #eee solid;}
.nypro_jscs table tr:nth-child(1){ background:#f8f8f8;}
.nypro_jscs table td{ padding:20px 0; font-size:var(--font-size-base); color:var(--font-color-text); border:1px #eee solid; line-height: 1;}
.nypro_jscs table tr:nth-child(1) td{ color: var(--font-color-base);}

.nypro-item-r{ width:50%; }
.nypro_detail_title{ margin:40px 0 10px; width:100% }
.nypro_detail_title h3{ font-size:var(--font-size-sm); color:var(--font-color-base);}
.nypro_detail_title h3 span{ font-size:var(--font-size-xs); color:var(--font-color-dec); font-weight:normal; }

.nypro-item-r h4{ font-size:var(--font-size-sm); color:#fff; margin:0 auto 10px;  font-weight: normal;}
.nypro-item-r h1{ font-size:var(--font-size-md); color:#fff; margin-bottom:30px; }
.nypro-item-r h3{ font-size:var(--font-size-ms); color: #fff; margin:30px 0 20px; }
.nypro-item-r p{ font-size:var(--font-size-xs); color:#fff; line-height:2;}

.nypro-cpjs{ width:calc( 100% - 460px); float:right;box-sizing:border-box; background:#fff; padding:40px 40px 40px; font-size:var(--font-size-base); color:var(--font-color-text); line-height:var(--line-height-text);}
.nypro-cpjs p{ font-size:var(--font-size-base); color:var(--font-color-text); line-height:2;}
.nypro-cpjs img{ max-width:100%; }

.nypro-cpfl{ float:left; margin-top:80px; width:420px; padding:30px; background:#fff; box-sizing:border-box; border:1px #ddd solid; border-top:8px var(--primary-color) solid;}
.nypro-cpfl-title{ font-size:var(--font-size-sm); color:var(--font-color-base); font-weight:bold; margin-bottom:30px;}
.nypro-cpfl ul{ width:100% }
.nypro-cpfl ul li{ margin-bottom:20px; position:relative;}
.nypro-cpfl ul li a{ display:block; width:100%; height:100px;}
.nypro-cpfl ul li a h3 b{ font-size:var(--font-size-base); color:var(--font-color-base); font-weight:normal; margin-bottom: 20px; display: block; line-height: var(--line-height-text);}
.nypro-cpfl ul li a h3 span{ font-size:var(--font-size-xs); color:var(--primary-color); font-weight:normal;}
.nypro-cpfl ul li a img{ margin-right: 10px; float:left; max-height:100%; border:1px #ddd solid;}
.nypro-cpfl ul li:hover a img{ border:1px var(--primary-color) solid;}

.nypro-xqgcal{ width:100%;padding:80px 0; background:url(../images/nypro-xqgcal.jpg) center center no-repeat}
.nypro-xqgcal h3{ color:#fff; font-size:30px;margin: 0 0 40px;}
.nypro-xqgcal h3 span{ font-size:18px; font-weight:normal; margin-left:10px;}
.nypro-xqgcal ul{width:100%; margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nypro-xqgcal ul li{ float:left; width:23%; margin:0 2% 0 0; background:#fff; position:relative;}
.nypro-xqgcal ul li h4{width:100%; padding:0; padding-bottom:calc(300% / 4); border:1px #eee solid; box-sizing:border-box; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; position:relative;z-index:2;}
.nypro-xqgcal ul li h4 a{ display:block; width:100%; position: absolute; height:100%; left:0; top:0;}
.nypro-xqgcal ul li p{ font-size:18px; color:#333; height:100px; box-sizing:border-box; padding-left:25px; line-height:120px; position:relative;z-index:2;}
.nypro-xqgcal ul li p:before{ content:" "; background:#0042ad; width:50px; height:3px; position:absolute; left:25px; top:30px;}
.nypro-xqgcal ul li h5{ padding:50px 25px; box-sizing:border-box; position:absolute; left:0; top:0; opacity:0; z-index:1; background:#0042ad; width:100%; height:450px; transition: all 0.5s ease;}
.nypro-xqgcal ul li h5 a{ display:block; width:100%; height:450px;}
.nypro-xqgcal ul li h5 b{ display:block; color:#fff; font-size:20px; margin-bottom:10px;}
.nypro-xqgcal ul li h5 span{ font-weight:normal; color:#fff; font-size:14px; line-height:30px;}
.nypro-xqgcal ul li:hover h4 img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}
.nypro-xqgcal ul li:hover h5{ z-index:9; opacity:1;}

.nypro_bg{ background:#fff}

.message{width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;overflow: hidden;padding:60px 0;}
.message h2{margin: 40px auto;}
.message .left{width: calc(100% - 550px);float: left;}
.message .left dd{width: 100%; box-sizing:border-box; margin-bottom: 15px;}
.message .left dd span{font-size: 30px;color: #333;font-weight: bold;margin-bottom: 15px;display: block;}
.message .left dt input{width: 48%;height: 50px;border: 1px solid #cdcdcd;margin: 13px 2% 13px 0;background: none; float:left;font-size: 14px;text-indent: 10px; box-sizing:border-box;}
.message .left dt input.icon-tel{}
.message .left dt input.icon-message{background: url("../images/icon-message.png") right 5px  center no-repeat;background-size: 25px;}
.message .left dt input.icon-address{background: url("../images/icon-address.png") right 5px  center no-repeat;background-size: 25px;}
.message .left dt input.icon-name-yzm{ float:left; width:120px; margin-top:0;}
.message .left dt .icon-name-yzm-img{ float:left; margin-top:8px;}
.message .left dt textarea{width: 98%;height: 70px;border: 1px solid #cdcdcd;background: none;
    font-size: 14px;padding: 10px 0 0 10px;margin: 15px 0; box-sizing:border-box;}
.message .left dt input.button{width: 185px;height: 50px;text-align: center; text-indent:0;line-height: 50px;font-size: 18px; cursor:pointer; background: #0042ad;border: none;transition: all 0.5s ease; color:#fff; margin-top:0; margin-left:10px; float:left;}
.message .right{width: 500px;float: right; overflow: hidden;}
.message .left dt input.button:hover{ background: #628cc3;}
.message .right dd{width: 100%;background: url("../images/phone3.png") left 45px center no-repeat #FFA200;padding: 40px 0 40px 140px; box-sizing:border-box}
.message .right dd span a{font-size: 46px; color: #fff;line-height: 46px;font-family: Impact;}
.message .right dd p{font-size: 24px;color: #fff;line-height: 24px;margin-bottom: 10px;}
.message .right dt{width: 100%;background:#0042ad;padding: 25px 30px; box-sizing:border-box}
.message .right dt p a{font-size: 16px;color: #fff;display: block;padding: 10px 0 10px 30px;}
.message .right dt .address a{background-position: 0 -49px;}
.message .right dt .url a{background-position: -2px -102px;}
.message .right dt .mailbox a{background-position: -4px -162px;}
.message .right dt .tel a{background-position: 2px 15px;}
.message .right dt .btn{width: 100%;overflow: hidden;padding: 20px 0;}
.message .right dt .btn a{width: 120px;height: 40px;text-align: center;line-height: 40px;color: #fff;
    border: 1px solid #fff;padding: 0;display: inline-block;margin-right: 10px;font-size: 16px;background: none;}
.message .right dt .btn a:hover{background: rgba(255,255,255,0.2)}


/*分页样式*/
.pagination {
  clear: both;
  margin: 10px 0;
  text-align: center;
}
.pagination li {
  display: inline-block;
*display: inline;
  zoom: 1;
}
.pagination li a {
  display: block;
  padding: 10px 16px;
  background-color: #fff;
  border: 1px solid #eee;
  font-size:16px;
  transition: all 0.3s ease;
}
.pagination li + li a {
  border-left: none;
}
.pagination li.active a, .pagination li a:hover {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: #ffffff;
  border-left: none;
}